<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>优惠劵</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.groupon {
			border-top: 1px solid #EEEEEE;
			white-space: nowrap;
		}
		.groupon-img {
			max-height: 95px;
			overflow: hidden;
			text-align: center;
		}
		.groupon-img img {
			width: 100%;
			height: 100%;
			height: 60px;
			max-width: 90%;
		}
		.btn-give-away {
			height: 25px;
			padding: 0 5px;
			line-height: normal;
		}
		.gray {
			color: #CCCCCC !important;
		}
	</style>
</head>
<body>
	<!--收货地址列表 开始-->
	<div class="mui-content mui-scroll-wrapper container-pull-refresh no-pad">
		<div class="mui-scroll">
			<!--数据列表-->
			<section class="mui-table-view mui-row scroll-data" data-tpl="tpl-template">
				<div class="no-data"><img src="../image/icon-waiting.gif" /></div>
			</section>
		</div>
	</div>
	<!--收货地址列表 结束-->
	
	<!-- 优惠劵模板 开始 -->
	<script type="text/html" id="tpl-template">
		{{each data as item}}
		<!--优惠劵 开始-->
		<div class="mui-row pad-h pad-v-sm white groupon {{if '2' == item.is_use}}gray{{/if}}" data-id="{{item.id}}">
			<div class="mui-col-xs-3 groupon-img">
				{{if '1'==type}}
				<img src="../image/voucher-unuse.png" />
				{{else}}
				<img src="../image/voucher-used.png" />
				{{/if}}
			</div>
			<div class="mui-col-xs-9">
				<label class="mui-block pad-v name">
					<span class="show-name">￥{{price(item.price)}} 优惠卷</span>
					<span class="mui-pull-right">{{item.code}}</span>
				</label>
				{{if '全场通用' == item.category}}
				<small><b>{{item.category}}</b></small>
				{{else}}
				<small>限：<b>{{item.category}}</b> 使用</small>
				{{/if}}
				<label class="mui-block">有效期：{{item.create_time}}~{{item.end_time}}</label>
			</div>
		</div>
		<!--优惠劵 结束-->
		{{/each}}
	</script>
	<!-- 优惠劵模板 结束 -->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.groupon.scroll.js" ></script>
</body>
</html>